<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../gouwu/styles/common.css">
    <title>详情页-my</title>
    <style>
        #left{
            float: left;
            margin-left: 18%;
            margin-top: 13px;
            color: #666;
        }
        .photoimg{
            width: 320px;
            height: 350px;
            border: 2px #666 double;
        }
        .photoimg img{
            width: 100%;
            height: 100%;
            
        }
        #right{
            float: left;
            margin-left: 10%;
            margin-top: 30px;
        }
        #right #pricemsg{
            width: 800px;
            height: 80px;
            margin-top: -10px;
            background-color: pink;
        }
        .price{
            float: left;
            margin: 10px;
        }
        .msgs span{
            color: #666;
            font-size: 13px;
        }
        .msgs dl{
            color: #666;
            font-size: 13px;
        }
        .msgs button{
            width: 130px;
            height: 40px;
            font-size: 17px;
            border: 1px red double;
        }
        #left .qhimg{
            margin-top:40px;
        }
        .qhimg span{
           background-color: whitesmoke; color: black;font-size: 60px;
        }
        #left .qhimg .imgs{
            float: left;
            width:280px;
            height: 100px;
            margin-top: -26px;
            margin-left: 20px;
        }
        #left .qhimg .imgs img:hover{
            border: red 1px double;
        }
        .leftbuttom{
            clear: left;
            float: left;
            margin-left: 18%;
            margin-top: 50px;
            width: 230px;
            border: 1px #666 double;
            text-align: center;
        }
        .leftbuttom span{
            font-size: 13px;
            margin: 30px;
        }
        #leftimgs{
            width: 100%;
            height: 160px;
            
        }
        .rightbuttom{
            float: left;
            margin-left: 5%;
            margin-top: 50px;
        }
        .rightbuttom .tops{
            width: 1000px;
            height: 40px;
            background-color: whitesmoke;
        }
        .rightbuttom .tops span{
            margin-left: 30px;
            font-size: 14px;
        }
    </style>
</head>
<body>
     <!-- 页面顶部 -->
     <div id="nav-bottom">
        <!-- 顶部 -->
        <div class="nav-top">
            <div class="top">
                <div class="py-container">
                    <div class="shortcut">
                        <ul class="fl">
                            <li class="f-item">品优购欢迎您!</li>
                            <li class="f-item">请
                                <a href="login.html">登陆</a>
                                <span><a href="#">免费注册</a></span>
                            </li>
                        </ul>
                        <ul class="fr">
                            <li class="f-item">
                                <a href="#">我的订单</a>
                            </li>
                            <li class="f-item space"></li>
                            <li class="f-item">
                                <a href="#">我的品优购</a>
                                <span class="arr">||</span>
                            </li>
                            <li class="f-item space"></li>
                            <li class="f-item">品优购会员</li>
                            <li class="f-item space"></li>
                            <li class="f-item">企业采购</li>
                            <li class="f-item sapce"></li>
                            <li class="f-item">关注品优购<span class="arr">||</span></li>
                            <li class="f-item space"></li>
                            <li class="f-item">客户服务<span class="arr">||</span></li>
                            <li class="f-item space"></li>
                            <li class="f-item">网站导航<span class="arr">||</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 头部 -->
        <div class="header">
            <div class="py-container">
                <div class="yui3-g Logo">
                    <div class="yui3-u Left logoArea">
                        <a class="logo-bd" title="品优购" href="home.html"></a>
                    </div>
                    <div class="yui3-u Center searchArea">
                        <div class="search">
                            <form action="" class="sui-form form-inline">
                                <div class="input-append">
                                        <input type="text" id="autocomplete" class="input-error input-xxlarge">
                                        <button class="sui-btn btn-xlarge btn-danger" type="button">搜素</button>
                                </div>
                            </form>
                        </div> 
                        <div class="hotwords">
                            <ul>
                                <li class="f-item">品优购首发</li>
                                <li class="f-item">亿元优惠</li>
                                <li class="f-item">9.9元团购</li>
                                <li class="f-item">每满99减30</li>
                                <li class="f-item">亿元优惠</li>
                                <li class="f-item">9.9元团购</li>
                                <li class="f-item">办公用品</li>
                            </ul>
                        </div>   
                    </div>
                    <div class="yui3-u Right shopArea">
                        <div class="fr shopcar">
                            <div class="show-shopcar">
                                <span class="car"></span>
                                <a class="sui-btn btn-default btn-xlarge" href="#">
                                    <span>我的购物车</span><i class="shopnum">0</i>
                                </a>
                                <div class="clearfix shopcarlist"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 导航条 -->
                <div class="yui3-g NavList">
                    <div class="all-sorts-list">
                        <div class="yui3-u Left all-sort">
                            <h4>全部商品分类</h4>
                        </div>
                        <div class="sort">
                            <div class="all-sort-list2">
                                <div class="item" onmouseover="openlist('ts')" onmouseleave="closelist('ts')">
                                    <h3><a href="#">图书、音像、数字商品<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="ts">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">电子书</a></dt>
                                                <dd>
                                                    <em><a href="#">免费</a></em>
                                                    <em><a href="#">小说</a></em>
                                                    <em><a href="#">励志与成功</a></em>
                                                    <em><a href="#">婚恋/两性</a></em>
                                                    <em><a href="#">文学</a></em>
                                                    <em><a href="#">经营</a></em>
                                                    <em><a href="#">畅读VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">电子书</a></dt>
                                                <dd>
                                                    <em><a href="#">免费</a></em>
                                                    <em><a href="#">小说</a></em>
                                                    <em><a href="#">励志与成功</a></em>
                                                    <em><a href="#">婚恋/两性</a></em>
                                                    <em><a href="#">文学</a></em>
                                                    <em><a href="#">经营</a></em>
                                                    <em><a href="#">畅读VIP</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('jydq')" onmouseleave="closelist('jydq')">
                                    <h3><a href="#">家用电器<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="jydq">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">冰箱</a></dt>
                                                <dd>
                                                    <em><a href="#">免费</a></em>
                                                    <em><a href="#">小说</a></em>
                                                    <em><a href="#">励志与成功</a></em>
                                                    <em><a href="#">婚恋/两性</a></em>
                                                    <em><a href="#">文学</a></em>
                                                    <em><a href="#">经营</a></em>
                                                    <em><a href="#">畅读VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">电视机</a></dt>
                                                <dd>
                                                    <em><a href="#">免费</a></em>
                                                    <em><a href="#">小说</a></em>
                                                    <em><a href="#">励志与成功</a></em>
                                                    <em><a href="#">婚恋/两性</a></em>
                                                    <em><a href="#">文学</a></em>
                                                    <em><a href="#">经营</a></em>
                                                    <em><a href="#">畅读VIP</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>


                                <div class="item" onmouseover="openlist('ls')" onmouseleave="closelist('ls')">
                                    <h3><a href="#">零食<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="ls">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">辣条</a></dt>
                                                <dd>
                                                    <em><a href="#">卫龙辣条</a></em>
                                                    <em><a href="#">卫龙辣条</a></em>
                                                    <em><a href="#">卫龙辣条2</a></em>
                                                    <em><a href="#">卫龙辣条3</a></em>
                                                    <em><a href="#">卫龙辣条</a></em>
                                                    <em><a href="#">卫龙辣条</a></em>
                                                    <em><a href="#">卫龙辣条VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">薯条</a></dt>
                                                <dd>
                                                    <em><a href="#">一根葱</a></em>
                                                    <em><a href="#">一根葱</a></em>
                                                    <em><a href="#">一根蒜</a></em>
                                                    <em><a href="#">一根葱3</a></em>
                                                    <em><a href="#">一根葱</a></em>
                                                    <em><a href="#">一根葱</a></em>
                                                    <em><a href="#">一根葱VIP</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>


                                <div class="item" onmouseover="openlist('drink')" onmouseleave="closelist('drink')">
                                    <h3><a href="#">饮品<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="drink">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">可乐</a></dt>
                                                <dd>
                                                    <em><a href="#">可口可乐</a></em>
                                                    <em><a href="#">可口可乐</a></em>
                                                    <em><a href="#">百事可乐</a></em>
                                                    <em><a href="#">雪碧</a></em>
                                                    <em><a href="#">可口可乐</a></em>
                                                    <em><a href="#">可口可乐</a></em>
                                                    <em><a href="#">可口可乐VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">奶茶</a></dt>
                                                <dd>
                                                    <em><a href="#">书亦</a></em>
                                                    <em><a href="#">蜜雪冰城</a></em>
                                                    <em><a href="#">一点点</a></em>
                                                    <em><a href="#">星巴克</a></em>
                                                    <em><a href="#">蜜雪冰城</a></em>
                                                    <em><a href="#">一点点</a></em>
                                                    <em><a href="#">柠檬水</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('playbox')" onmouseleave="closelist('playbox')">
                                    <h3><a href="#">玩具<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="playbox">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">赛车</a></dt>
                                                <dd>
                                                    <em><a href="#">遥控赛车2</a></em>
                                                    <em><a href="#">遥控赛车2</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">布娃娃</a></dt>
                                                <dd>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">狗娃娃</a></em>
                                                    <em><a href="#">娃娃哇</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('playbox1')" onmouseleave="closelist('playbox1')">
                                    <h3><a href="#">玩具1<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="playbox1">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">赛车</a></dt>
                                                <dd>
                                                    <em><a href="#">遥控赛车2</a></em>
                                                    <em><a href="#">遥控赛车2</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">布娃娃</a></dt>
                                                <dd>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">狗娃娃</a></em>
                                                    <em><a href="#">娃娃哇</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>


                                <div class="item" onmouseover="openlist('playbox2')" onmouseleave="closelist('playbox2')">
                                    <h3><a href="#">玩具2<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="playbox2">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">赛车</a></dt>
                                                <dd>
                                                    <em><a href="#">遥控赛车2</a></em>
                                                    <em><a href="#">遥控赛车2</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车</a></em>
                                                    <em><a href="#">遥控赛车VIP</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">布娃娃</a></dt>
                                                <dd>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">娃娃熊</a></em>
                                                    <em><a href="#">狗娃娃</a></em>
                                                    <em><a href="#">娃娃哇</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('phone')" onmouseleave="closelist('phone')">
                                    <h3><a href="#">手机、数码<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="phone">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">vivo</a></dt>
                                                <dd>
                                                    <em><a href="#">vivo1</a></em>
                                                    <em><a href="#">vivo2</a></em>
                                                    <em><a href="#">vivoz5i</a></em>
                                                    <em><a href="#">vivoxs/两性</a></em>
                                                    <em><a href="#">vivoz5a</a></em>
                                                    <em><a href="#">vivoz3s</a></em>
                                                    <em><a href="#">vivo1zd</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">oppo</a></dt>
                                                <dd>
                                                    <em><a href="#">oppo01</a></em>
                                                    <em><a href="#">oppo02</a></em>
                                                    <em><a href="#">oppoxs</a></em>
                                                    <em><a href="#">oppomax</a></em>
                                                    <em><a href="#">oppoxs1</a></em>
                                                    <em><a href="#">oppoxs</a></em>
                                                    <em><a href="#">oppo03</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('hz')" onmouseleave="closelist('hz')">
                                    <h3><a href="#">个护化妆<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="hz">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">口红</a></dt>
                                                <dd>
                                                    <em><a href="#">口红大号</a></em>
                                                    <em><a href="#">口红大号</a></em>
                                                    <em><a href="#">口红大号5i</a></em>
                                                    <em><a href="#">口红大号s/两性</a></em>
                                                    <em><a href="#">口红大号5a</a></em>
                                                    <em><a href="#">口红大号3s</a></em>
                                                    <em><a href="#">口红大号zd</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">洗面奶</a></dt>
                                                <dd>
                                                    <em><a href="#">欧莱雅洗面奶</a></em>
                                                    <em><a href="#">欧莱雅洗面奶</a></em>
                                                    <em><a href="#">欧莱雅洗面奶</a></em>
                                                    <em><a href="#">欧莱雅洗面奶x</a></em>
                                                    <em><a href="#">欧莱雅洗面奶1</a></em>
                                                    <em><a href="#">欧莱雅洗面奶</a></em>
                                                    <em><a href="#">欧莱雅洗面奶</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('kh')" onmouseleave="closelist('kh')">
                                    <h3><a href="#">学习必备<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="kh">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">铅笔</a></dt>
                                                <dd>
                                                    <em><a href="#">2B铅笔</a></em>
                                                    <em><a href="#">2B铅笔</a></em>
                                                    <em><a href="#">2B铅笔5i</a></em>
                                                    <em><a href="#">2B铅笔s/两性</a></em>
                                                    <em><a href="#">2B铅笔5a</a></em>
                                                    <em><a href="#">2B铅笔3s</a></em>
                                                    <em><a href="#">2B铅笔zd</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">文具</a></dt>
                                                <dd>
                                                    <em><a href="#">钢笔</a></em>
                                                    <em><a href="#">本子</a></em>
                                                    <em><a href="#">钢笔</a></em>
                                                    <em><a href="#">钢笔x</a></em>
                                                    <em><a href="#">量尺</a></em>
                                                    <em><a href="#">钢笔</a></em>
                                                    <em><a href="#">钢笔</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                                <div class="item" onmouseover="openlist('hz32')" onmouseleave="closelist('hz32')">
                                    <h3><a href="#">服装、服饰<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="hz32">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">上衣</a></dt>
                                                <dd>
                                                    <em><a href="#">卫衣</a></em>
                                                    <em><a href="#">卫衣12</a></em>
                                                    <em><a href="#">外套</a></em>
                                                    <em><a href="#">卫衣s/两性</a></em>
                                                    <em><a href="#">卫衣5a</a></em>
                                                    <em><a href="#">卫衣3s</a></em>
                                                    <em><a href="#">卫衣zd</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">裤子</a></dt>
                                                <dd>
                                                    <em><a href="#">秋裤</a></em>
                                                    <em><a href="#">秋裤1</a></em>
                                                    <em><a href="#">内裤</a></em>
                                                    <em><a href="#">保暖裤x</a></em>
                                                    <em><a href="#">秋裤1</a></em>
                                                    <em><a href="#">秋裤</a></em>
                                                    <em><a href="#">秋裤</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                                <div class="item" onmouseover="openlist('hz12')" onmouseleave="closelist('hz12')">
                                    <h3><a href="#">潮鞋、潮男必备<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="hz12">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">老爹鞋</a></dt>
                                                <dd>
                                                    <em><a href="#">内增高炫酷老爹鞋ins</a></em>
                                                    <em><a href="#">内增高炫酷老爹鞋ins</a></em>
                                                    <em><a href="#">内增高炫酷老爹鞋ins5i</a></em>
                                                    <em><a href="#">内增高炫酷老爹鞋inss/两性</a></em>
                                                    <em><a href="#">内增高炫酷老爹鞋ins5a</a></em>
                                                    <em><a href="#">内增高炫酷老爹鞋ins3s</a></em>
                                                    <em><a href="#">内增高炫酷老爹鞋inszd</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">运动鞋</a></dt>
                                                <dd>
                                                    <em><a href="#">乔丹aj</a></em>
                                                    <em><a href="#">乔丹aj</a></em>
                                                    <em><a href="#">乔丹aj3</a></em>
                                                    <em><a href="#">乔丹aj2</a></em>
                                                    <em><a href="#">乔丹aj1</a></em>
                                                    <em><a href="#">乔丹aj</a></em>
                                                    <em><a href="#">乔丹aj</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>

                                <div class="item" onmouseover="openlist('hsad')" onmouseleave="closelist('hsad')">
                                    <h3><a href="#">厨房必备<em class="ctrl3 fr">></em></a></h3>
                                    <!-- 鼠标悬停时  显示 -->
                                    <div class="item-list clearfix" id="hsad">
                                        <div class="subitem">
                                            <dl>
                                                <dt><a href="#">酱油</a></dt>
                                                <dd>
                                                    <em><a href="#">老抽</a></em>
                                                    <em><a href="#">老抽</a></em>
                                                    <em><a href="#">老抽5i</a></em>
                                                    <em><a href="#">老抽s/两性</a></em>
                                                    <em><a href="#">老抽5a</a></em>
                                                    <em><a href="#">老抽3s</a></em>
                                                    <em><a href="#">老抽zd</a></em>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><a href="#">盐</a></dt>
                                                <dd>
                                                    <em><a href="#">有机盐</a></em>
                                                    <em><a href="#">有机盐</a></em>
                                                    <em><a href="#">有机盐</a></em>
                                                    <em><a href="#">有机盐x</a></em>
                                                    <em><a href="#">有机盐1</a></em>
                                                    <em><a href="#">有机盐</a></em>
                                                    <em><a href="#">有机盐</a></em>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>
                        <!-- 中间 -->
                        <div class="yui3-u Center navArea">
                            <ul class="nav">
                                <li class="f-item">服装城</li>
                                <li class="f-item">美妆馆</li>
                                <li class="f-item">传智超市</li>
                                <li class="f-item">全球购</li>
                                <li class="f-item">闪购</li>
                                <li class="f-item">团购</li>
                                <li class="f-item">拍卖</li>
                                <li class="f-item">有趣</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 页面左中部分 -->
    <div id="left">
        <p>手机、数码、通讯>手机>Apple苹果>iphone 6S Plus系列</p>
        <!-- 商品图 -->
        <div class="photoimg">
            <img src="../gouwu/images/intro042.png">
        </div>
        <!-- 切换图片 -->
        <div class="qhimg">
            <span style="position: relative;left: -330px;"><</span>
            <div class="imgs">
                <img src="../gouwu/images/intro041.png" width="90px" />
                <img src="../gouwu/images/intro041.png" width="90px" />
                <img src="../gouwu/images/intro042.png" width="90px" />
            </div>
            <span style="position: relative;left: -40px;">></span>
        </div>
        <p style="float: left;">商品编号：0468256644 <b style="margin:70px;"><a>分享</a> <a>关注</a> <a>对比</a></b></p>
    </div>
    <!-- 页面右中部分 -->
    <div id="right">
        <h2>Apple iPhone 6s(A1700)64G玫瑰金色 移动通讯电信4G手机</h2>
        <p style="color: red; margin-top: -10px;">推荐选择下方[移动优惠购]，手机套餐齐搞定，不用换号，每月还有话费返</p>
        <!-- 粉底价格信息 -->
        <div id="pricemsg">
            <div class="price">
            <span style="font-size: 20px;color: #666;">价 格</span><span style="font-size: 30px;color: red;">￥5299.00</span><span style="color: red;margin-left: 10px;">降价通知</span><span style="margin-left: 450px;">累计评价612188</span>
            <span style="font-size: 20px;color: #666;">促 销</span><span style="background-color: red; color: white; font-size: 15px;">加价购</span><span style="color: #666; margin-left: 3px;">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换购热销商品 详情 》</span>    
            </div>
        </div>
        <!-- 购买选项 -->
        <div class="msgs">
            <span>支 持 以旧换新，闲置手机回收 4G套餐超值购 礼品购<br>配送至 北京海淀区 中关 有货  支持   99元免运费  |货到付款  |211限时达   <br>
                <span style="margin-left: 35px;">由自营发货，并提供售后服务。 11:00前完成下单， 预计<b style="font-size: 13px;">今天 08月10日）送达</b></span></span>
                <br>
                <hr/>
                <dl>
                    <dt>选择颜色</dt>
                    <dd>
                        <a href="#" style="border: 1px solid red; background-color: #666;">金色</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">银色</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">黑色</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">玫瑰金</a>
                    </dd>
                    <dt>选择版本</dt>
                    <dd>
                        <a href="#" style="border: 1px solid red; background-color: #666;">公开版</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">移动4G</a>
                    </dd>
                    <dt>选择容量</dt>
                    <dd>
                        <a href="#" style="border: 1px solid red; background-color: #666;">16GB</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">64GB</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">128GB</a>
                    </dd>
                    <dt>购买方式</dt>
                    <dd>
                        <a href="#" style="border: 1px solid red; background-color: #666;">官方标配</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">移动优惠购</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">电信优惠购</a>
                    </dd>
                    <dt>套装</dt>
                    <dd>
                        <a href="#" style="border: 1px solid red; background-color: #666;">保护套装</a>
                        <a href="#" style="border: 1px solid red;background-color: #666;">充电套装</a>
                    </dd>
                    <div style="margin-top: 20px;">
                    <input type="number" value="1" style="width: 30px; height: 30px;">
                    <button style="color: white; background-color: red;">加入购物车</button>
                    <button style="color: red;  ">到货通知</button>
                    </div>
                </dl>
        </div>
    </div>
    <!-- 页面左下部分 -->
    <div class="leftbuttom">
        <span style="color: red; background-color: white;">相关分类</span>|<span style="background-color: #666;">推荐品牌</span>
        <br/>
        <span>手机</span><span>手机壳</span>
        <hr/>
        <span>内存卡</span><span>iphone配件</span>
        <hr/>
        <span>贴膜</span><span>手机耳机</span>
        <hr/>
        <span>移动电源</span><span>平板电脑</span>
        <hr/>
        <span>笔记本</span><span>蓝牙耳机</span>
        <hr/>
        <div style="border: 1px #666 double;">
        <img src="../gouwu/images/intro042.png" id="leftimgs">
        <b>羽博10000mah 双USB Y7移动充大</b><br/>
        <b>49￥</b><button>加入购物车</button>
        </div>
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>  
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>
        <div style="border: 1px #666 double;">
            <img src="../gouwu/images/intro042.png" id="leftimgs">
            <b>羽博10000mah 双USB Y7移动充大</b><br/>
            <b>49￥</b><button>加入购物车</button>
        </div>  
    </div>
    <!-- 页面右下部分 -->
    <div class="rightbuttom">
        <div class="tops">
            <span style="color: white; background-color: red;">商品介绍</span>
            <span>规格和包装</span>
            <span>售后保障</span>
            <span>商品评价（19亿+）</span>
            <span>手机社区</span>
        </div>
        <div style="margin-top: 25px;">
            <p>分辨率：1920*1080(FHD)
                <br/>
                后置摄像头：1200万像素
                <br/>
                前置摄像头：500万像素
                <br/>
                核数：其他<br/>
                频率：以官网信息为准<br/>
                品牌：AppleiPhone 6s Plus<br/>
                商品编号：1861098<br/>
                商品毛重:0.51kg<br/>
                商品产地：中国大陆<br/>
                热点：指纹识别，Apple Pay, 金属机身，拍照神器<br/>
                系统：苹果（IOS）<br/>
                像素：1000-1600万<br/>
                机身内存：64GB</p>
                <img src="../gouwu/images/intro041.png">
                <br/>
                <img src="../gouwu/images/intro042.png">
                <br/>
                <img src="../gouwu/images/DZ~T7TDY@GWY}23R39GWFGQ.jpg">
                
        </div>
    </div>
    <!--页面底部-->
<div class="clearfix footer">
    <div class="py-container">
        <div class="footlink">
            <div class="Mod-service">
                <ul class="Mod-Service-list">
                    <li class="grid-service-item intro  intro1">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item  intro intro2">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item intro  intro3">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item  intro intro4">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item intro intro5">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                </ul>
            </div>
            <div class="clearfix Mod-list">
                <div class="yui3-g">
                    <div class="yui3-u-1-6">
                        <h4>购物指南</h4>
                        <ul class="unstyled">
                            <li>购物流程</li>
                            <li>会员介绍</li>
                            <li>生活旅行/团购</li>
                            <li>常见问题</li>
                            <li>购物指南</li>
                        </ul>

                    </div>
                    <div class="yui3-u-1-6">
                        <h4>配送方式</h4>
                        <ul class="unstyled">
                            <li>上门自提</li>
                            <li>211限时达</li>
                            <li>配送服务查询</li>
                            <li>配送费收取标准</li>
                            <li>海外配送</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>支付方式</h4>
                        <ul class="unstyled">
                            <li>货到付款</li>
                            <li>在线支付</li>
                            <li>分期付款</li>
                            <li>邮局汇款</li>
                            <li>公司转账</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>售后服务</h4>
                        <ul class="unstyled">
                            <li>售后政策</li>
                            <li>价格保护</li>
                            <li>退款说明</li>
                            <li>返修/退换货</li>
                            <li>取消订单</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>特色服务</h4>
                        <ul class="unstyled">
                            <li>夺宝岛</li>
                            <li>DIY装机</li>
                            <li>延保服务</li>
                            <li>品优购E卡</li>
                            <li>品优购通信</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>帮助中心</h4>
                        <img src="../gouwu/images/wx_cz.jpg">
                    </div>
                </div>
            </div>
            <div class="Mod-copyright">
                <ul class="helpLink">
                    <li>关于我们<span class="space"></span></li>
                    <li>联系我们<span class="space"></span></li>
                    <li>关于我们<span class="space"></span></li>
                    <li>商家入驻<span class="space"></span></li>
                    <li>营销中心<span class="space"></span></li>
                    <li>友情链接<span class="space"></span></li>
                    <li>关于我们<span class="space"></span></li>
                    <li>营销中心<span class="space"></span></li>
                    <li>友情链接<span class="space"></span></li>
                    <li>关于我们</li>
                </ul>
                <p>地址：深圳市泥岗 邮编：xxxxxx 电话：13117070726 传真：xxxxxxxxxxxxx</p>
                <p>鄂ICP备2021015124号</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>